<!-- 会员配置 -->
<template>
  <div class="disFlx">
    <TableMenu class="br-10" title="会员配置" :menuList="menuList" @change="(key) => (menuKey = key)" />
    <div style="flex: 1">
      <Organization v-if="menuKey === 'organization'" v-has="'member:memberConfig:organization'" />
      <FieldsConfig v-if="menuKey === 'fieldsConfig'" v-has="'member:memberConfig:fieldsConfig'" />
      <!-- <MemberPost v-if="menuKey === 'memberPost'" /> -->
    </div>
  </div>
</template>

<script>
import TableMenu from '@/components/TableMenu'
import Organization from './organization/index'
import FieldsConfig from './fieldsConfig/index'
// import MemberPost from '@/views/member/memberConfig/organization/post';
export default {
  components: {
    TableMenu,
    Organization,
    FieldsConfig,
    // MemberPost
  },
  data() {
    return {
      menuList: [
        { name: '会员架构', key: 'organization' },
        { name: '字段配置', key: 'fieldsConfig' },
        // { name: '职务管理', key: 'memberPost' },
      ],
      menuKey: 'organization',
    }
  },
  computed: {},
  watch: {},
  methods: {},
  created() {},
  mounted() {},
}
</script>
<style scoped lang="less">
</style>